<ng-content select="[apes-dropdown]"></ng-content>
<ng-template
  cdkConnectedOverlay
  apesConnectedOverlay
  [cdkConnectedOverlayHasBackdrop]="apesTrigger === 'click'"
  [cdkConnectedOverlayPositions]="positions"
  [cdkConnectedOverlayOrigin]="apesDropDownDirective"
  [cdkConnectedOverlayMinWidth]="triggerWidth"
  [cdkConnectedOverlayOpen]="apesVisible"
  (backdropClick)="setVisibleStateWhen(false)"
  (detach)="setVisibleStateWhen(false)"
  (positionChange)="onPositionChange($event)">
  <div class="{{'apes-dropdown apes-dropdown-placement-'+apesPlacement}}"
    [ngClass]="apesOverlayClassName"
    [ngStyle]="apesOverlayStyle"
    [@slideMotion]="dropDownPosition"
    [apesNoAnimation]="noAnimation?.apesNoAnimation"
    [style.minWidth.px]="triggerWidth"
    (mouseenter)="setVisibleStateWhen(true,'hover')"
    (mouseleave)="setVisibleStateWhen(false,'hover')">
    <div [class.ant-table-filter-dropdown]="apesTableFilter">
      <ng-content select="[apes-menu]"></ng-content>
      <ng-content></ng-content>
    </div>
  </div>
</ng-template>
